<script setup lang="ts">
// ref的ts写法

import { ref } from 'vue'
import HmSon2 from './components/HmSon2.vue.js'
// 基本数据类型一般不用定义类型，直接使用ts的类型推断
// const num = ref(10)
// 复杂数据类型建议定义好  const obj =ref<number[]>([])
// const arr = ref<number[]>([])

// 需求： 父传子money是一个 number类型数据，子可通过子传父修改
const money = ref<number>(999)
const setMoney = (step: number) => {
  money.value -= step
}
</script>

<template>
  <div>父组件---{{ money }}</div>
  <hr />
  <HmSon2 :money="money" @setMoney="setMoney"></HmSon2>
</template>

<style scoped></style>
